<!-- 父页面 -->
{% load static%}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生成绩管理系统</title>
    <link rel="stylesheet" href="{% static 'xm/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static  'xm/css/reset.css' %}">

    <!--  子模板导入css文件的地方-->
    {% block css %}
    {% endblock%}
    <style>
        .layout {
            display: flex;
        }
    </style>

</head>

<body>

    <!--子模板写头部内容部分-->
    {% block header%}

    {%endblock%}



    <div class="layout">
        <div class="nav-box">
            <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link active" href="/user/check_stus">学生信息</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/user/add_stu">添加学生信息</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/user/check_stu">查询单个学生信息</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="/user/delete_stu">删除学生信息</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">学生成绩</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">添加学生成绩</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">修改学生成绩</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">个人中心</a>
                </li>
            </ul>
        </div>
        <div class="centent">
            <!--子模板写内容的部分-->
            {% block content%}

            {%endblock%}
        </div>
    </div>




    {% load static %}
    <script src="{% static 'xm/js/jquery-3.1.1.js' %}"></script>
    <script src="{% static 'xm/js/bootstrap.min.js' %}"></script>




    {% block js%}
    {% endblock %}
</body>

</html>